@extends('member.app')

@section('body')
    <div class="mdui-appbar mdui-appbar-fixed mdui-appbar-scroll-toolbar-hide">
        <div class="mdui-toolbar mdui-color-indigo">
            <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">menu</i></a>
            <a href="javascript:;" class="mdui-typo-headline">piilvi</a>
            <a href="javascript:;" class="mdui-typo-title">Title</a>
            <div class="mdui-toolbar-spacer"></div>
            <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></a>
            <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">refresh</i></a>
            <a href="javascript:;" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">more_vert</i></a>
        </div>
        <div class="mdui-tab mdui-color-indigo" mdui-tab>
            <a href="#tab1" class="mdui-ripple mdui-ripple-white">web</a>
            <a href="#tab2" class="mdui-ripple mdui-ripple-white">shopping</a>
            <a href="#tab3" class="mdui-ripple mdui-ripple-white">videos</a>
        </div>
    </div>

    <div class="mdui-container-fluid">
        <div id="tab1">
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
            <p>tab 1</p>
        </div>
        <div id="tab2">
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
            <p>tab 2</p>
        </div>
        <div id="tab3">
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
            <p>tab 3</p>
        </div>
    </div>
@endsection
